<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script>
		window.onload=function ()
		{
			var oBtn1=document.getElementById('btn1');
			var oDiv=document.getElementById('div1');
			var oCh=oDiv.getElementsByTagName('input');
			oBtn1.onclick=function ()
			{
              for(var i=0;i<oCh.length;i++)

              {oCh[i].checked=!oCh[i].checked}

			}

			
		}


	</script>

</head>
<body >
<input  id="btn1" type="button" value="全选"><br>
<div id="div1">
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
<input type="checkbox"/><br>
</div>
</body>
</html>